<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<jsp:include page="header.jsp" />
<link rel="stylesheet" type="text/css" href="css/tabs.css" />
<script language="javascript" type="text/javascript" src="js/tabs.js"></script>
</head>
<body>
<div id="contenedor">
<div id="header">
	<div id="header-left">
    	<jsp:include page="logo.jsp" />
        <jsp:include page="login.jsp" flush="true" />
    </div>
    <jsp:include page="banner.jsp" />
 </div>

  <div id="tabbed_box" class="tabbed_box">
		<div class="tabbed_area">
		
			
			<ul class="tabs">
				<li class="title">Cartelera por...</li>
				<li><a href="javascript:void(0);" rel="content_1" class="tab active">Peliculas</a></li>
				<li><a href="javascript:void(0);" rel="content_2" class="tab">Cines</a></li>
	
			</ul>
			
			<div id="content_1" class="content">
            	<div class="pelicula">
                	<div class="contenido">
                    	<img src="imagenes/caratulas/1.jpg" class="caratula" />
                    	<h2>127 Horas</h2>
                        <h3>Elegir un cine para ver el horario y detalle de su pel&iacute;cula</h3>
                        <select name="cmbCine1" onchange="verDetalle()">
                        	<option value="">Buscar Cine</option>
                        </select>
                    </div>
                </div>
            	<div class="pelicula">
                	<div class="contenido">
                    	<img src="imagenes/caratulas/2.jpg" class="caratula" />
                    	<h2>Amigos con Derecho</h2>
                        <h3>Elegir un cine para ver el horario y detalle de su pel&iacute;cula</h3>
                        <select name="cmbCine2" onchange="verDetalle()">
                        	<option value="">Buscar Cine</option>
                        </select>
                    </div>
                </div>
            	<div class="pelicula">
                	<div class="contenido">
                    	<img src="imagenes/caratulas/3.jpg" class="caratula" />
                    	<h2>De Amor y Otras Adicciones</h2>
                        <h3>Elegir un cine para ver el horario y detalle de su pel&iacute;cula</h3>
                        <select name="cmbCine3" onchange="verDetalle()">
                        	<option value="">Buscar Cine</option>
                        </select>
                    </div>
                </div>
            	<div class="pelicula">
                	<div class="contenido">
                    	<img src="imagenes/caratulas/4.jpg" class="caratula" />
                    	<h2>Desconocido</h2>
                        <h3>Elegir un cine para ver el horario y detalle de su pel&iacute;cula</h3>
                        <select name="cmbCine4" onchange="verDetalle()">
                        	<option value="">Buscar Cine</option>
                        </select>
                    </div>
                </div>
            	<div class="pelicula">
                	<div class="contenido">
                    	<img src="imagenes/caratulas/5.jpg" class="caratula" />
                    	<h2>El Cisne Negro</h2>
                        <h3>Elegir un cine para ver el horario y detalle de su pel&iacute;cula</h3>
                        <select name="cmbCine5" onchange="verDetalle()">
                        	<option value="">Buscar Cine</option>
                        </select>
                    </div>
                </div>
            	<div class="pelicula">
                	<div class="contenido">
                    	<img src="imagenes/caratulas/6.jpg" class="caratula" />
                    	<h2>El D&iacute;a del Juicio Final</h2>
                        <h3>Elegir un cine para ver el horario y detalle de su pel&iacute;cula</h3>
                        <select name="cmbCine6" onchange="verDetalle()">
                        	<option value="">Buscar Cine</option>
                        </select>
                    </div>
                </div>
            	<div class="pelicula">
                	<div class="contenido">
                    	<img src="imagenes/caratulas/7.jpg" class="caratula" />
                    	<h2>El Discurso del Rey</h2>
                        <h3>Elegir un cine para ver el horario y detalle de su pel&iacute;cula</h3>
                        <select name="cmbCine7" onchange="verDetalle()">
                        	<option value="">Buscar Cine</option>
                        </select>
                    </div>
                </div>
            	<div class="pelicula">
                	<div class="contenido">
                    	<img src="imagenes/caratulas/8.jpg" class="caratula" />
                    	<h2>El Juego del Miedo 7</h2>
                        <h3>Elegir un cine para ver el horario y detalle de su pel&iacute;cula</h3>
                        <select name="cmbCine8" onchange="verDetalle()">
                        	<option value="">Buscar Cine</option>
                        </select>
                    </div>
                </div>
			</div>
			<div id="content_2" class="content">
            	<div class="filtro">
                	<h2>Cartelera para Hoy y Precios en:</h2>
                    <select name="cmbCine" onchange="verHorario()">
                        <option value="1">Cineplanet Norte</option>
                    </select>
                </div>
                <div class="cine">
                	<h1>Cineplanet Norte</h1>
                </div>
                <div class="horario">
                	<div class="left"><h2>Pel&iacute;cula</h2></div>
                    <h2>Horario</h2>
                </div>
                <div class="horario">
                	<div class="left"><a href="#" class="tituloPelicula">127 Horas</a></div>
                    <a href="#">(SUB) 12:40pm - 3:00pm - 5:30pm - 8:00pm - 10:30pm</a>
                </div>
                <div class="horario">
                	<div class="left"><a href="#" class="tituloPelicula">Amigos con Derecho</a></div>
                    <a href="#">(SUB) 12:40pm - 3:00pm - 5:30pm - 8:00pm - 10:30pm</a>
                </div>
                <div class="horario">
                	<div class="left"><a href="#" class="tituloPelicula">De Amor y Otras Adicciones</a></div>
                    <a href="#">(SUB) 12:40pm - 3:00pm - 5:30pm - 8:00pm - 10:30pm</a>
                </div>
                <div class="horario">
                	<div class="left"><a href="#" class="tituloPelicula">Desconocido</a></div>
                    <a href="#">(SUB) 12:40pm - 3:00pm - 5:30pm - 8:00pm - 10:30pm</a>
                </div>
                <div class="horario">
                	<div class="left"><a href="#" class="tituloPelicula">El Cisne Negro</a></div>
                    <a href="#">(SUB) 12:40pm - 3:00pm - 5:30pm - 8:00pm - 10:30pm</a>
                </div>
                <div class="horario">
                	<div class="left"><a href="#" class="tituloPelicula">El D&iacute;a del Juicio Final</a></div>
                    <a href="#">(SUB) 12:40pm - 3:00pm - 5:30pm - 8:00pm - 10:30pm</a>
                </div>
                <div class="horario">
                	<div class="left"><a href="#" class="tituloPelicula">El Discurso del Rey</a></div>
                    <a href="#">(SUB) 12:40pm - 3:00pm - 5:30pm - 8:00pm - 10:30pm</a>
                </div>
                <div class="horario">
                	<div class="left"><a href="#" class="tituloPelicula">El Juego del Miedo 7</a></div>
                    <a href="#">(SUB) 12:40pm - 3:00pm - 5:30pm - 8:00pm - 10:30pm</a>
                </div>
			</div>
		
		</div>
	
	</div>  
  
  <div class="clear"></div>
  <jsp:include page="footer.jsp" />
</div>

</body>
</html>
